
<template>
  <el-card class="app-container content_box" shadow="always">
    <div>
      <form-selections :is-active="isActive" :items="formItems" :query-param.sync="queryParam" display="block" @handleSearch="handleSearch">
        <div>
          <el-button size="mini" type="primary" class="filter-item search" icon="el-icon-search" @click="handleSearch">
            搜索
          </el-button>
          <el-button size="mini" icon="el-icon-refresh" @click="handleRefresh">重置</el-button>
        </div>
      </form-selections>
      <div class="select_flex">
        <div style="margin:10px 0">
          <el-button v-action="'LogisticsTransportOrder@importOrder'" size="small" type="primary" @click="formVisibleFile=true">导入第三方运费</el-button>
        </div>
      </div>
      <div v-loading="loading">
        <el-table ref="multipleTable" :data="data" tooltip-effect="dark" style="width: 100%" :max-height="screenHeigh" border fit @selection-change="handleSelectMulti">
          <!-- <el-table-column align="center" type="selection" width="55" /> -->
          <el-table-column align="center" label="参考号" prop="reference_number" />
          <el-table-column align="center" prop="tracking_number" label="跟踪号" />
          <el-table-column align="center" label="发货日期" prop="send_date" width="160px" />
          <el-table-column align="center" label="运输方式" prop="shippment" />
          <el-table-column align="center" label="仓库代码" prop="warehouse_code" />
          <el-table-column align="center" label="订单号" prop="order_no" />
          <el-table-column align="center" label="SKU" prop="sku" />
          <el-table-column align="center" label="ZONE" prop="zone" />
          <el-table-column align="center" label="报价运费求和" prop="shipping_price_total" />
          <el-table-column align="center" label="报价基础运费" prop="shipping_price" />
          <el-table-column align="center" label="出库处理费" prop="outbound_price" />
          <el-table-column align="center" label="Fuel surchage/燃油附加费" prop="fuel_surchage" />
          <el-table-column align="center" label="Residential Delivery/住宅地址附加费" prop="residential_delivery" />
          <el-table-column align="center" label="DAS Comm/偏远 地区附加费-商业" prop="das_comm" />
          <el-table-column align="center" label="DAS Extended Comm/超偏远 地区附加费-商业" prop="das_extended_comm" />
          <el-table-column align="center" label="DAS resi/偏远 地区附加费-住宅" prop="das_resi" />
          <el-table-column align="center" label="AS  Extended  resi/超偏远 地区附加费-住宅" prop="das_extended_resi" />
          <el-table-column align="center" label="AHS报价" prop="ahs" />
          <!-- <el-table-column align="center" label="报价金额" prop="price" /> -->
          <el-table-column align="center" label="Address Correction/地址修正" prop="address_correction" />
          <el-table-column align="center" label="Oversize Charge/超长超尺寸费" prop="oversize_charge" />
          <el-table-column align="center" label="Peak - Oversize Charge/高峰期超尺寸附加费" prop="peak_oversize_charge" />
          <el-table-column align="center" label="Weekday Delivery/工作日派送" prop="weekday_delivery" />
          <el-table-column align="center" label="Direct Signature/签名费" prop="direct_signature" />
          <el-table-column align="center" label="Unauthorized OS/不可发" prop="unauthorized_os" />
          <el-table-column align="center" label="Peak - Unauth Charge" prop="peak_unauth_charge" />
          <el-table-column align="center" label="Courier Pickup Charge/快递取件费" prop="ourier_pickup_charge" />
          <el-table-column align="center" label="Print Return Label/打印快递面单费用" prop="print_return_label" />
          <el-table-column align="center" label="Return Pickup Fee/退件费" prop="return_pickup_fee" />
          <el-table-column align="center" label="NDOC P/U- Auto Comm" prop="ndoc" />
          <el-table-column align="center" label="Date Certain" prop="date_certain" />
          <el-table-column align="center" label="退件" prop="return_label" />
          <el-table-column align="center" prop="created_at" label="创建时间" width="165" />
        </el-table>
        <el-pagination v-if="paginate.total > 0" class="pagination_box" background :current-page="paginate.current" :page-sizes="[50, 100, 200, 500]" layout="total, sizes, prev, pager, next, jumper" :total="paginate.total" @size-change="handleSizeChange" @current-change="handleCurrentChange" />
      </div>
      <!-------- 回到顶部 ------------>
      <el-backtop :visibility-height="60">
        <i class="el-icon-caret-top" />
      </el-backtop>
    </div>
    <!-- 导人 -->
    <ImportDialog url="/logistics-transport-order-import" title="导入第三方运费" template="logisticsFeeImport" :form-visible.sync="formVisibleFile" @handleRefresh="handleRefresh" />
  </el-card>

</template>

<script>
import formOperate from '@/layout/mixin/formOperate'
import {
  action
} from '@/directive/permission/index.js' // 权限判断指令
import ImportDialog from '@/components/importDialog/index.vue'
import cacheList from '@/layout/mixin/cacheList'
export default {
  name: 'ThirdLogistics',
  directives: {
    action
  },
  components: { ImportDialog },
  mixins: [formOperate, cacheList],
  data() {
    return {
      otherHeight: 355,
      formVisibleFile: false,
      componentName: 'ThirdLogistics',
      url: '/third-logistics-transport-order',
      queryParam: {
        reference_number: '',
        tracking_number: '',
        limit: 50,
        page: 1
      },
      formItems: [
        {
          label: '参考号',
          key: 'reference_number',
          type: 'input',
          placeholder: '请输入参考号'
        },
        {
          label: '跟踪号',
          key: 'tracking_number',
          type: 'input',
          placeholder: '请输入跟踪号'
        }
      ],
      loading: false
    }
  },
  methods: {}
}

</script>

<style lang="scss" scoped>
</style>
